<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/Zcool-home(complete).css">
    <link rel="stylesheet" href="../css/ZCool-activity(complete).css">
    <title>活动</title>
</head>
<style>

</style>

<body>
    <!-- 头部 --->
    <div id="header">
        <div id="nav-logo">
            <img src="../image/logo.svg" alt="">
        </div>
        <div id="nav-right">
            <div class="download">
                <a href="#">
                    <p>下载APP</p>
                </a>
            </div>
            <div class="more"><img src="../image/more.png" alt=""></div>
        </div>
    </div>
    <!-- 中部 -->
    <div id="banner">
        <div class="banner_title">
            <h3>线上活动</h3>
            <div id="hot-all">
                <div class="hot-left">
                    <li>
                        <a href="#"><img src="../image/01.jpg" alt=""></a>
                    </li>
                </div>
                <div class="hot-right">
                    <h2>插画合集(二)-ORIGINAL...</h2>
                    <div class="p">
                        <p class="name">SAD_et</p>
                        <li>
                            <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                            <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                        </li>
                    </div>
                </div>
            </div>
            <div class="banner_ing">
                <p>#设计练习</p>
                <p>进行中</p>
            </div>
            <hr>
            <div class="banner_title">
                <div id="hot-all">
                    <div class="hot-left">
                        <li>
                            <a href="#"><img src="../image/01.jpg" alt=""></a>
                        </li>
                    </div>
                    <div class="hot-right">
                        <h2>插画合集(二)-ORIGINAL...</h2>
                        <div class="p">
                            <p class="name">SAD_et</p>
                            <li>
                                <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                                <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                            </li>
                        </div>
                    </div>
                </div>
                <div class="banner_ing">
                    <p>#设计练习</p>
                    <p>进行中</p>
                </div>
                <hr>
                <div class="banner_title">
                    <div id="hot-all">
                        <div class="hot-left">
                            <li>
                                <a href="#"><img src="../image/01.jpg" alt=""></a>
                            </li>
                        </div>
                        <div class="hot-right">
                            <h2>插画合集(二)-ORIGINAL...</h2>
                            <div class="p">
                                <p class="name">SAD_et</p>
                                <li>
                                    <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                                    <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                                </li>
                            </div>
                        </div>
                    </div>
                    <div class="banner_ing">
                        <p>#设计练习</p>
                        <p>进行中</p>
                    </div>
                    <hr>
                    <div class="banner_title">
                        <div id="hot-all">
                            <div class="hot-left">
                                <li>
                                    <a href="#"><img src="../image/01.jpg" alt=""></a>
                                </li>
                            </div>
                            <div class="hot-right">
                                <h2>插画合集(二)-ORIGINAL...</h2>
                                <div class="p">
                                    <p class="name">SAD_et</p>
                                    <li>
                                        <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                                        <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                                    </li>
                                </div>
                            </div>
                        </div>
                        <div class="banner_ing">
                            <p>#设计练习</p>
                            <p>进行中</p>
                        </div>
                        <hr>
                        <div class="banner_title">
                            <div id="hot-all">
                                <div class="hot-left">
                                    <li>
                                        <a href="#"><img src="../image/01.jpg" alt=""></a>
                                    </li>
                                </div>
                                <div class="hot-right">
                                    <h2>插画合集(二)-ORIGINAL...</h2>
                                    <div class="p">
                                        <p class="name">SAD_et</p>
                                        <li>
                                            <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                                            <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                                        </li>
                                    </div>
                                </div>
                            </div>
                            <div class="banner_ing">
                                <p>#设计练习</p>
                                <p>进行中</p>
                            </div>
                            <hr>
                            <div class="banner_title">

                                <div id="hot-all">
                                    <div class="hot-left">
                                        <li>
                                            <a href="#"><img src="../image/01.jpg" alt=""></a>
                                        </li>
                                    </div>
                                    <div class="hot-right">
                                        <h2>插画合集(二)-ORIGINAL...</h2>
                                        <div class="p">
                                            <p class="name">SAD_et</p>
                                            <li>
                                                <p class="eye"><img src="../image/eye.jpg" alt=""> 1891</p>
                                                <p class="zan"><img src="../image/pic.jpg" alt=""> 180</p>
                                            </li>
                                        </div>
                                    </div>
                                </div>
                                <div class="banner_ing">
                                    <p>#设计练习</p>
                                    <p>进行中</p>
                                </div>
                                <hr>
                                <div id="look">
                                    <a href="#">
                                        <h3 style="font-size: .05rem;
                                        font-weight: lighter;
                                        text-align: center;
                                        color: black;
                                        line-height: 0.4rem;">查看更多</h3>
                                    </a>
                                </div>
                                <!-- 底部 -->
                                <div id="footer">
                                    <div id="footer-logo"><img src="../image/logo.svg" alt="">
                                    </div>
                                    <div class="footer-title">
                                        <h4>打开站酷发现更好的设计</h4>
                                    </div>
                                    <div id="footer-download">
                                        <p>下载APP</p>
                                    </div>

                                    <div id="footer-down">
                                        <p>opyright© 2006 - 2021 ZCOOL</p>
                                    </div>
                                </div>
</body>

</html>